<template>
	<view>
		<view class="audit">
			<view class="audit-title">驳回原因</view>
			<view class="audit-form">
				<view class="audit-row audit-row2">
					<view class="audit-row-fild audit-row-fild2">
						<u--textarea maxlength="-1" v-model="postData.note" placeholder="请输入驳回原因" :height="120"
							placeholderStyle="color: #999999;font-weight: 400;font-size: 28rpx;"></u--textarea>
					</view>
				</view>
			</view>
			<view class="btn" @click="comPop">确定</view>
		</view>
		<view class="btn-close" @click="closePop">
			<u-icon name="close" color="#fff" size="18"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				postData: {
					auditName: '',
					auditId: '',
					note: ''
				},
			}
		},

		methods: {

			closePop() {
				this.$emit('close', this.postData)
			},
			comPop() {
				this.$emit('comPop', this.postData)
			},

		},

	}
</script>



<style lang="scss" scoped>
	.audit {
		width: 526rpx;
		height: 660rpx;
		background: #FFFFFF;
		border-radius: 28rpx;
		margin: 300upx auto 0 auto;
		position: relative;

		.audit-title {
			padding-top: 60upx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			font-size: 36rpx;
			color: #111111;
			text-align: center;
			margin-bottom: 44upx;
		}

		.audit-form {

			.audit-row {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 24upx;
				z-index: 2;
			}



			.audit-row-name {
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #111111;
				width: 140rpx;
			}

			.audit-row-fild {
				width: 456rpx;
				height: 300rpx;
				background: #F9F9F9;
				border-radius: 12rpx;
				overflow: auto;

			}

			.audit-row2 {
				align-items: flex-start;
				margin-bottom: 30upx;
			}

			.audit-row-name2 {
				padding-top: 20upx;
			}

			.audit-row-fild2 {
				height: 300upx;
			}

			::v-deep .u-textarea {
				background-color: transparent;
				
			}

			::v-deep .u-border {
				border: none;
			}


		}

		.btn {
			position: absolute;
			bottom: 60upx;
			width: 456rpx;
			height: 80rpx;
			left: 50%;
			transform: translateX(-50%);
			background: linear-gradient(90deg, #12C66B 0%, #11AA66 100%);
			border-radius: 40rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			font-size: 30rpx;
			color: #FFFFFF;
			line-height: 80upx;
			text-align: center;
			margin: auto;
		}
	}

	.btn-close {
		width: 74rpx;
		height: 74rpx;
		border-radius: 50%;
		border: solid 1upx #939393;
		background-color: RGBA(118, 118, 118, 1);
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 38upx auto 0 auto;
	}
	
	::v-deep .u-textarea {
		background-color: transparent !important;
		border:none !important;
		
	}
	::v-deep .u-textarea--radius{
		border-radius: 0 !important;
	}
</style>